<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Title</title>
<link rel="stylesheet" href="/css/bootstrap.min.css" />
<script type="text/javascript" src="/js/jquery-3.2.0.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
</head>
<body>
	<h1 style="margin-left: 15px">Title</h1>
	<hr style="box-shadow: 0px 0px 5px deepskyblue" />
	<style type="text/css">
body {
	padding: 20px;
}

.table {
	width: 100%;
}

span.glyphicon {
	font-size: 20px;
	text-align: center;
}

.glyphicon {
	height: 100%;
	display: block;
}
</style>
	<ul class="nav nav-pills" role="tablist">
		<li role="presentation"><a href="Javascript:void(0)"
			onclick="add()"><span class="glyphicon glyphicon-floppy-open"></span>添加</a>
		</li>
		<li role="presentation"><a href="Javascript:void(0)"
			onclick="selectAll()"><span
				class="glyphicon glyphicon-floppy-saved"></span>全选</a>
		</li>
		<li role="presentation"><a href="Javascript:void(0)"
			onclick="removeSel()"><span
				class="glyphicon glyphicon-floppy-remove"></span>删除</a>
		</li>
	</ul>
	<hr style="box-shadow: 0px 0px 1px deepskyblue" />
	<table class="table table-striped table-hover" valign="center">
		<thead>
			<tr>
				<th>选择</th>
				<th>序号</th>
				<!--S 自定义编辑区-->
				<th>姓名</th>
				<th>性别</th>
				<!--E 自定义编辑区-->
				<th>编辑</th>
				<th>删除</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<!--S 自定义编辑区-->
				<td><input type="checkbox" /> <input type="hidden" value="1">
				</td>
				<td>1</td>
				<td>123</td>
				<td>234</td>
				<!--E 自定义编辑区-->
				<td><a href="Javascript:void(0)"
					class="glyphicon glyphicon-edit" onclick="editThis(this)"></a>
				</td>
				<td><a href="Javascript:void(0)"
					class="glyphicon glyphicon-remove" onclick="removeThis(this)"></a>
				</td>
			</tr>
		</tbody>
	</table>
	<script type="text/javascript">
		//config
		var base_url = "http://" + window.location.host;
	</script>
	<script type="text/javascript" src="../js/back_contral_btn.js"></script>

</body>
</html>